page {
	background-color: #f8f8f8;
}

.content{
	overflow-x: hidden;
	position: relative;
	z-index: 1;
	.card-panel {
		background-color: #fff;
		border-radius: 10rpx;
		margin: 20rpx 25rpx;
		width: calc(100% - 50rpx);
		padding: 18rpx;
		box-shadow: 0 0 8rpx #fff;
	}
	
	.user-info {
		margin-left: 24rpx;
		.user-name {
			font-size: 33rpx;
		}
		.user-role {
			margin-left: 15rpx;
			background-color: #dbbb7e;
			border-radius: 20rpx;
			font-size: 20rpx;
			padding: 6rpx;
			color: #4F3F1E;
			font-size: 20rpx;
			font-weight: bold;
		}
	}
	
	.my-order, .my-pt {
		position: relative;
		.num {
			position: absolute;
			right: -30rpx;
			top: -12rpx;
			width: 28rpx;
			height: 28rpx;
			background: #FF0000;
			border-radius: 50%;
			font-size: 20rpx;
			color: #FFFFFF;
			text-align: center;
		}
	}
	
	.tag-wrapper {
		margin-top: 10rpx;
	}
	
	.tag {
		background-color: #f4f4f4;
		border-radius: 20rpx;
		font-size: 24rpx;
		color: #6C6B6B;
		padding: 3rpx 15rpx;
		margin: 6rpx;
	}
	
	.bg-green {
		position: absolute;
		z-index: -1;
		width: 700rpx;
		height: 700rpx;
		left: 50%;
		top: -780rpx;
		transform: translateX(-50%) scale(2);
		border-radius: 100%;
		background: linear-gradient(104deg, #0D4731, #316652);
	}
	
	.balance-box {
		width: 338rpx;
		height: 147rpx;
		border-radius: 10rpx;
		background-color: #FFF7E8;
		margin-right: 22rpx;
	}
	
	.desc-font {
		margin-top: 33rpx;
		margin-left: 20rpx;
		color: #737373;
		font-size: 24rpx;
		font-weight: 400;
	}
	
	.money-font {
		width: 110rpx;	
		font-size: 35rpx;
		font-weight: bold;
		color: #E1C385;
	}
	
	.view-detail-btn {
		width: 73rpx;
		height: 39rpx;
		background: #E4C78C;
		border-radius: 15rpx;
		font-size: 22rpx;
		color: #FFFFFE;
		text-align: center;
		line-height: 39rpx;
	}
	
	.diamong-box {
		width: 338rpx;
		height: 147rpx;
		border-radius: 10rpx;
		background-color: #FFEFE9;
	}
	
	.balance-row {
		margin: 0 40rpx;
	}
	
	.title {
		color: #fff;
		margin-bottom: 30rpx;
		height: 120rpx;
		font-size: 30rpx;
		font-weight: bold;
		line-height: 120rpx;
	}
	
	.raduis-img {
		border-radius: 100%;
		width: 100rpx;
		height: 100rpx;
	}
	
	.user-data {
		margin-top: 25rpx;
		
	}
	
	.sp {
		flex-wrap: wrap;
		.y-cc {
			flex: 25%;
			flex-grow: 0;
			navigator {
				margin: 25rpx 0;
			}
		}
	}
	
	.data-tag {
		font-size: 20rpx;
		font-weight: bold;
		color: #000;
	}
	
	.more-text {
		color: #C0C0C0;
		font-size: 22rpx;
		margin-right: 15rpx;
		display: flex;
	}
	
	.group-title {
		font-weight: bold;
		font-size: 28rpx;
		color: #000;
	}
	
	.icon-pic {
		width: 38rpx; 
		height: 38rpx;
	}
	
	font-size: 30rpx;
	
	.bottom-title {
		@include flex-box();
		@include txts(24rpx, $text-color-gery);
	}
	
}